/*
 * @Author: '1748780144@qq.com' '1748780144@qq.com'
 * @Date: 2022-10-16 09:23:51
 * @LastEditors: '1748780144@qq.com' '1748780144@qq.com'
 * @LastEditTime: 2022-10-17 13:20:18
 * @FilePath: \xiangmu\mode300npv\enlightenment_eems\src\pages\FranchiseeManagement\Jiezhang\JieZhangchakan.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */

// import React from 'react';
import React, { useState } from 'react';
import { Col, Row,Button,Modal,InputNumber,Form,message} from 'antd';


const Particultext = ()=>{
  const [open, setOpen] = useState(false);
  const query = ()=>{
    setOpen(false)
    // console.log(111);
    openMessage()
  }
  const nodess = ()=>{
    setOpen(false)
    NOtext()
   };

   const NOtext = () => {
    message.success('已取消修改！');
  };
  const key = 'updatable';

const openMessage = () => {
message.loading({ content: '修改中...', key });
setTimeout(() => {
  message.success({ content: '修改成功!', key, duration: 2 });
}, 1000);
};



  return (
    <>
      <div className='lineItem'>
        <div className='heardTop'>
          <Row>
            <Col span={24} style={{paddingLeft:'30px'}}>基本信息</Col>
          </Row>
        </div>
        <div className='bodyBox'>
          <Row>
            <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>加盟商</Col>
            <Col span={7}>长春</Col>
            <Col span={6} style={{backgroundColor:'rgb(242,242,242)'}}>结算时间</Col>
            <Col span={7}>2003-3-4</Col>
          </Row>
          <Row>
            <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>销售金额</Col>
            <Col span={7}>74964</Col>
            <Col span={6} style={{backgroundColor:'rgb(242,242,242)'}}>佣金比</Col>
            <Col span={7}>6%</Col>
          </Row>
          <Row>
            <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>结算金额</Col>
            <Col span={7}>453535</Col>
            <Col span={6} style={{backgroundColor:'rgb(242,242,242)'}}>状态</Col>
            <Col span={7}>正常</Col>
          </Row>
        </div>
        <div className='heardTop'>
          <Row>
            <Col span={24} style={{paddingLeft:'30px'}}>订单明细</Col>
          </Row>
        </div>
            <div className='bodyBox'>
                <Row>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>订单号</Col>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>订单日期</Col>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>商品名称</Col>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>支付金额</Col>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>结账金额</Col>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>会员手机号</Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'white'}}>201833242345201</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>2018-03-12 15:23:45</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>唐尸三百首</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>98:00</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>5.36</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>138-9642-7852</Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'white'}}>201833242345201</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>2018-03-12 15:23:45</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>唐尸三百首</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>98:00</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>5.36</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>138-9642-7852</Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'white'}}>201833242345201</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>2018-03-12 15:23:45</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>唐尸三百首</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>98:00</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>5.36</Col>
                    <Col span={4} style={{backgroundColor:'white'}}>138-9642-7852</Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                    <Col span={4} style={{backgroundColor:'white'}}></Col>
                </Row>
              
            </div>
               <div/>
       
        <div className='heardTop'>
          <Row>
            <Col span={24} style={{paddingLeft:'30px'}}>备注</Col>
          </Row>
        </div>
        <div className='bodyBox'>
          <Row>
            <Col span={24}>
              <textarea defaultValue={'客服备注  最多200字'}></textarea>
            </Col>
          </Row>
          <div className='buttBox'>
            <div>
              <Button>修改备注</Button>
            </div>
            <div>
              <Button onClick={() => setOpen(true)}  style={{width:150}}>修改结算金额</Button>
            </div>
            <div>
              <Button >导出</Button>
            </div>
          </div>
        </div>
      </div>

      <Modal
        title="修改结算金额"
        centered
        open={open}
        onOk={query}
        onCancel={nodess}
        width={1000}
        okText='确定'
        cancelText="取消"
      >
        <Form>
        <Form.Item
            label="结算金额"
            name="Mcode"> 
            <InputNumber prefix="￥" style={{ width: '100%' }} />
        </Form.Item>
        </Form>
      </Modal>
    </>
  )
}
export default Particultext;